<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta charset="gb2312">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=dege"/>
    <meta name="format-detection" content="telephone=no" />
    <title></title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/swiper.min.css"/>
    <link rel="stylesheet" href="css/animate.min.css"/>
    <link href="images/favicon.ico" rel="icon" type="images/x-icon">
    <link rel="stylesheet" href="css/second.css">
    <link rel="stylesheet" href="css/headfoot.css"/>
    <link rel="stylesheet" href="css/reset.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper-3.4.2.min.js"></script>
    <script src="js/second.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=nxW0akynjKF8Ag0G0uVVwq0t6ak1Q1Zj"></script>
</head>
<body>
<!--头部部分-->
<div class="heads">
    <script>
        $(".heads").load("head.html");
    </script>
</div>
<!--banner-->
<div class="fu_bg kcbg">
    <div class="fu_inner inner wow bounceIn animated">
        <div class="fu_text">
            <div class="fu_pos">
                <b></b>
                <h1 class="col_00">课程体系</h1>
                <p class="col_00"> CURRICULUM SYSTEM</p>
            </div>

        </div>
    </div>
</div>
<!--课程列表-->
<div class="padd50 system">
    <div class="title">
        <h1>
            <div style="animation-delay: 0s;">课</div>
            <div style="animation-delay: 0.1s;">程</div>
            <div style="animation-delay: 0.2s;">体</div>
            <div style="animation-delay: 0.3s;">系</div>
            <br/> <b></b> </h1>
    </div>
    <div class="main-md">
        <div class="system_list padd50">
            <ul>
                <li>
                    <h1> <i class="iconfont icon-wudao"></i> 舞蹈</h1>
                    <a href="#"><div class="ke_img">
                        <img src="images/second/ke-1.jpg" alt=""/>
                        <div class="ke_tit"><h4> 芭蕾训练 </h4></div>
                    </div></a>
                </li>
                <li>
                    <h1></h1>
                    <a href="#"><div class="ke_img">
                        <img src="images/second/ke-2.jpg" alt=""/>
                        <div class="ke_tit"><h4> 古典舞 </h4></div>
                    </div></a>
                </li>
                <li>
                    <h1></h1>
                    <a href="#"><div class="ke_img">
                        <img src="images/second/ke-3.jpg" alt=""/>
                        <div class="ke_tit"><h4> 民族舞 </h4></div>
                    </div></a>
                </li>
                <li>
                    <h1></h1>
                    <a href="#"><div class="ke_img">
                        <img src="images/second/ke-4.jpg" alt=""/>
                        <div class="ke_tit"><h4> 现代舞 </h4></div>
                    </div></a>
                </li>
                <li>
                    <h1> <i class="iconfont icon-audio-msg"></i> 音乐</h1>
                    <a href="#"><div class="ke_img">
                        <img src="images/second/ke-5.jpg" alt=""/>
                        <div class="ke_tit"><h4>声乐 </h4></div>
                    </div></a>
                </li>
                <li>
                    <h1></h1>
                    <a href="#"><div class="ke_img">
                        <img src="images/second/ke-6.jpg" alt=""/>
                        <div class="ke_tit"><h4> 钢琴 </h4></div>
                    </div></a>
                </li>
                <li>
                    <h1></h1>
                    <a href="#"><div class="ke_img">
                        <img src="images/second/ke-7.jpg" alt=""/>
                        <div class="ke_tit"><h4> 音基 </h4></div>
                    </div></a>
                </li>
                <li>
                    <h1>  <i class="iconfont icon-huatong"></i> 语言艺术 </h1>
                    <a href="#"><div class="ke_img">
                        <img src="images/second/ke-8.jpg" alt=""/>
                        <div class="ke_tit"><h4> 播音主持 </h4></div>
                    </div></a>
                </li>
                <div class="both"></div>
            </ul>
        </div>
        <div class="system_cont">
            <div class="sys_lf">
                <a href="#"><img src="images/second/ke-9.jpg" alt=""/>
                    <div class="system_text">
                        <img src="images/second/sys-1.png" alt=""/> 戏剧表演
                    </div>
                </a>
            </div>
            <div class="sys_rt">
                <ul>
                    <li><a href="#">
                        <img src="images/second/ke-10.jpg" alt=""/>
                        <div class="system_text">
                            <img src="images/second/sys-2.png" alt=""/> 戏剧表演
                        </div>
                    </a></li>
                    <li><a href="#">
                        <img src="images/second/ke-11.jpg" alt=""/>
                        <div class="system_text">
                            <img src="images/second/sys-3.png" alt=""/> 戏剧表演
                        </div>
                    </a></li>
                </ul>
            </div>
            <div class="both"></div>
        </div>
    </div>
</div>

<!--页尾-->
<div class="foots">
    <script>
        $(".foots").load("foot.html");
    </script>
</div>
</body>
</html>